<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="static">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Dashboard Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="/bootstrap/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/bootstrap/css/dashboard.css" rel="stylesheet">

    <!--引入bootstrap-select插件，支持下拉框多选-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta/dist/css/bootstrap-select.min.css" rel="stylesheet">


    <!--引入全局变量hostIp，用于定义本机ip地址-->
    <script src="/bootstrap/js/hostIpConfig.js"></script>
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]>
    <script src="/bootstrap/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="/bootstrap/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="/bootstrap/js/html5shiv.min.js"></script>
    <script src="/bootstrap/js/respond.min.js"></script>
    <![endif]-->
    <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>-->
    <script>window.jQuery || document.write('<script src="/bootstrap/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>
    <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
    <script src="/bootstrap/js/vendor/holder.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="/bootstrap/js/ie10-viewport-bug-workaround.js"></script>
    <!--引入bootstrap-select插件，支持下拉框多选-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta/dist/js/bootstrap-select.min.js"></script>
</head>

<body>

<nav class="navbar navbar-inverse navbar-fixed-top" th:fragment="topbar">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">5GC MANO</a>
        </div>
    </div>
</nav>

<div class="col-sm-3 col-md-2 sidebar" th:fragment="sidebar">
            <ul class="nav nav-sidebar">
                <li class="active" th:class="${activeUri=='nsinstance.html'?'active':''}"><a href="/ns_instances">NS编排</a></li>
                <li class="active" th:class="${activeUri=='vnfinstance.html'?'active':''}"><a href="/vnf_instances">VNF编排</a></li>
                <li class="active" th:class="${activeUri=='k8svalues.html'?'active':''}"><a href="/k8svalues">K8sValues查看</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li class="active" th:class="${activeUri=='nsd.html'?'active':''}"><a href="/nsd">NSD管理</a></li>
                <li class="active" th:class="${activeUri=='vnfd.html'?'active':''}"><a href="/vnfd">VNFD管理</a></li>
                <li class="active" th:class="${activeUri=='vnfdf.html'?'active':''}"><a href="/vnfdf">VNF部署风格管理</a></li>
                <li class="active" th:class="${activeUri=='vcpd.html'?'active':''}"><a href="/vcpd">virtualCpd管理</a></li>
                <li class="active" th:class="${activeUri=='vdup.html'?'active':''}"><a href="/vdup">VDU部署风格管理</a></li>
                <li class="active" th:class="${activeUri=='vdu.html'?'active':''}"><a href="/vdu">VDU管理</a></li>
                <li class="active" th:class="${activeUri=='oscontainerdesc.html'?'active':''}"><a href="/oscontainerdesc">OSContainer管理</a></li>
                <li class="active" th:class="${activeUri=='vducpd.html'?'active':''}"><a href="/vducpd">vduCpd管理</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a href="">资源指标监控</a></li>
                <li class="active" th:class="${activeUri=='podInfo.html'?'active':''}"><a href="/podInfo">Pod</a></li>
                <li class="active" th:class="${activeUri=='nodeInfo.html'?'active':''}"><a href="/nodeInfo">Node</a></li>
                <li class="active" th:class="${activeUri=='deploymentInfo.html'?'active':''}"><a href="/deploymentInfo">Deployment</a></li>
                <li class="active" th:class="${activeUri=='serviceInfo.html'?'active':''}"><a href="/serviceInfo">Service</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li class="active" th:class="${activeUri=='images.html'?'active':''}"><a href="/images">镜像管理</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li class="active" th:class="${activeUri=='template.html'?'active':''}"><a href="/template">模板管理</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li class="active" th:class="${activeUri=='plugins.html'?'active':''}"><a href="/plugins">插件管理</a></li>
            </ul>
        </div>

</body>
</html>
